<template>
  <div>
    <h3>User Profile</h3>
    <p>Here is some profile info...</p>
  </div>
</template>

<script>
export default {
  name: 'UserProfile',
  mounted() {
    console.log('profile mounted')
  },
  activated() {
    console.log('profile activated')
  },
  deactivated() {
    console.log('profile deactivated')
  },
  destroyed() {
    console.log('profile destory')
  }
}
</script>
